@charset "utf-8";
@media only screen and (max-width: 1680px){
    .nav-arrow.back {left:6%;}
    .nav-arrow.next {right:6%;}
	.indsubject2 {margin:0 0 90px 0;}
	.home_solution li .cons {left:40px;top:50px;}
	.home_solution li .cons .n {width:30px; height: 30px; line-height: 28px;font-size:20px}
	.home_solution li .cons .t {letter-spacing:1px;margin:15px 0 30px 0;}
	.home_solution li .cons .t a {font-size:26px; line-height: 40px;}
	.home_solution li .cons .c {font-size:18px; }
	.home_solution li .cons .m {top:150px;}
	.home_solution li .cons .m2 {top:auto;bottom:-60px;}
	.home_solution li .cons .m a {border-radius:21px;width:40px;height:21px; line-height:21px;}
	.home_solution li .cons .m a span {font-size:18px; line-height:18px}
	.home_solution li .cons .m2 a:hover {width:50px}	
	.home_solution li.active .cons {left:70px;top:80px}
	.home_solution li .cons .m2 a {border-color:#c90915;background:#c90915;}

}
@media only screen and (max-width: 1485px){
    .wrap {margin:0 4%}
    .nav-arrow.back {left:150px;}
    .nav-arrow.next {right:150px;}
    #features-container {width:1465px;left:50%;margin-left:-732px}
    .servicell li {padding:4.5% 0;}
	.foot ul.ct {margin:0 0 0 5%}
	.indabout .mleft .in {padding:0 10% 0 8%}
	.indabout .mleft .content {font-size:16px;margin:50px 0 60px 0; line-height: 1.8}
	.indabout .mright .text {left:-130px;bottom:30px;width:550px;font-size:16px;padding:10px 0 15px 30px;}
	.indabout .mright .text:hover {left:-110px}
	.indsubject .t {font-size:30px; line-height: 40px; letter-spacing: 1px;}
	.indsubject .e {font-size:14px; line-height:24px;letter-spacing:0.8px;margin:2px 0 5px 0}
	.indsubject .e:before {bottom:-15px;width:35px;height:2px;}
	.indsubject.center .e:before {margin-left:-18px}
	.indmore a {height:38px; line-height: 36px;border:1px solid #505050;padding:0 25px;border-radius:40px;font-size:16px; letter-spacing: 0.5px}
	.indmore a span {margin:6px -3px 0 5px;font-size:25px; line-height:25px;}
	.indmore a:hover {padding:0 35px}	
	.indsubject2 {margin:0 0 70px 0;font-size:30px; line-height: 40px; letter-spacing: 1px;}
	.indsubject2:before {;margin-left:-18px;bottom:-20px;width:35px;height:2px; }	
	.home_solution li .cons {left:30px;top:40px;}
	.home_solution li .cons .n {width:25px; height:25px; line-height: 23px;font-size:16px}
	.home_solution li .cons .t {font-size:25px; line-height: 35px;margin:10px 0 20px 0;}
	.home_solution li .cons .t a {font-size:25px; line-height: 35px;}
	.home_solution li .cons .c {font-size:16px; line-height: 1.8}
	.home_solution li .cons .m {top:140px;}
	.home_solution li .cons .m2 {top:auto;bottom:-50px;}
	.home_solution li .cons .m a {width:30px;border-width:1px; line-height: 20px}
	.home_solution li .cons .m a span {font-size:16px; line-height:16px}
	.home_solution li .cons .m2 a:hover {width:40px}	
	.home_solution li.active .cons {left:50px;top:80px}
	.indpics .swiper-slide .cons .t {font-size:45px; letter-spacing:10px;margin:0 0 15% 10px}
	.indpics .swiper-slide .cons .more a {border-radius:40px;padding:0 40px;height:38px; line-height: 36px;font-size:16px;border-width:1px}
	.indpics .swiper-slide .cons .more a span {margin:11px -2px 0 -1px;font-size:16px; line-height: 16px}
	.indpics .swiper-slide .cons .more a:hover {padding:0 50px;}
	.home_solution {margin:80px 0 80px 0}
	.indnews ul {margin-bottom:0px}
	.bannerin .cons .e {font-size:18px; line-height:28px; letter-spacing: 0.5px}
	.bannerin .cons .t {font-size:45px; line-height: 55px;letter-spacing:3px;}
	.bannerin .cons .c {font-size:16px;}	
	.aboutsubject {font-size:35px; line-height:35px;margin:65px 0 65px 0;}
	.aboutsubject h2 {font-size:16px}
	.aboutsubject:before {bottom:-12px;width:40px;height:3px;margin-left:-20px;}
	.about .cons {padding:40px 12% 45px 55px}
	.about .cons .t {font-size:35px; line-height:50px;margin:0 0 30px 0;letter-spacing: 0.5px}
	.about .pics {;margin-top:-180px}
	.about .pics .swiper-slide {height:360px;}	
	.network {margin:70px 0 0 0;}
	.network .subject2 .t {font-size:30px; line-height:40px;margin:0px 0 5px 0;}
	.network .subject2 .c {font-size:27px;letter-spacing:1px; }
	.network .bg {margin-top:60px}	
	.positioning {padding:1px 0 100px 0;margin:0 0 -120px 0}
	.positioning .aboutsubject {margin-bottom:30px}
	.positioning li .icon img {height:80px;}
	.positioning li .title {font-size:23px; line-height: 33px;margin:0 0 20px 0}
	.positioning li .title2 {font-size:18px; line-height:28px;}
	.positioning li:hover {top:-10px}
	.tech1 dd .cons {min-height:240px}
	.partner li {height:165px}
	.partner li img {max-width:200px;max-height:125px;}
	.bannerin_contact .cons{left:-9%}
	.join {margin:100px 0}
	.join li {height:600px}
	.join li .cons {padding:25% 10% 0 10%}
}

@media only screen and (max-width: 1380px){
	.foot ul.ct {margin:0 0 0 2%}	
	.fixtop .toper ul.navpc {right:100px;}
	.fixtop .toper ul.navpc li {margin:0 0 0 32px;}
	.fixtop .toper .search .en i {margin:8px 34px 0 0;}
	.fixtop .toper .search form {right:35px;}
}

@media only screen and (max-width: 1200px){
    .indpics .cons .t {font-size:40px; line-height:50px;margin:10px 0 20px 0}
    .indpics .cons .c {font-size:20px;margin:15px 0 0 0}
    .indpics .cons .m {margin:25px 0 0 0}
    .indpics .cons .m a { font-size:14px;height:32px; line-height:30px;padding:0 15px;}
    .phonemenu { display:block;}    
	.fixtop {height:80px;}
    .fixtop .toper .logo {top:22px;}
	.fixtop .toper .logo i:before,.fixtop .toper .logo i:after,.fixtop.active .toper .logo i:before,.fixtop.active .toper .logo i:after{width:92px; height:36px;}	
    .fixtop .toper ul.navpc { display:none}
    .fixtop .toper .search {right:30px;top:25px;}
    .fixtop .toper .search .en i {width:11px; height:14px; margin:9px 13px 0 0;}
    .fixtop .toper .search .en a {font-size:14px}
    .fixtop .toper .search form { right:23px;}	
	.fixtop .toper .search form {height:30px; line-height:30px;top:0px;right:25px; padding:0 5px 0 20px;border-radius:30px}
	.fixtop .toper .search form #k {height:30px; line-height:30px;font-size:13px;padding:0 10px}
	.fixtop .toper .search form #b {margin:0px 0 0 0}
	.fixtop .toper .search form i {left:10px;}	
    .fixtop.active {top:-30px;}
    .fixtop.active .toper .logo {top:37px}
    .fixtop.active .toper .search {top:40px;}
    .fixtop.active .nav__trigger {top:20px;}	
    .firstend {top:-50px}
	.indnews {margin-bottom:30px}
    .indnews ul {margin-top:-40px}
    .indnews li {margin-top:40px;}
    .indnews li .title {margin:20px 0 15px 0}
    .indnews li .title a {font-size:16px}
    .indnews li .content {margin:10px 0 20px 0;font-size:13px; line-height:23px; height:69px;}
    .indnews li .more a {width:100px;height:30px; line-height:29px;font-size:13px;}
	.indnews li .more a span {margin:1px -2px 0 0}
	.indnews li:hover .more a { background:#c90915;width:100px}
    .foot {margin:85px 0 0 0;padding:85px 0 60px 0; }
    .footer {padding:10px 0 30px 0;font-size:13px}
	.footer a {font-size:13px;}
    .foot {margin:40px 0 0 0;padding:60px 0 30px 0; }
    .foot ul:before {top:-20px;width:40px; height:2px;}
    .foot ul.menu {width:35%;display:none;}
	.foot ul.ct {margin:0}
	.foot ul.ct li {font-size:14px;line-height:2;}
    .foot .cons {margin-top:-25px}
    .foot .cons .logo { width:97px; height:38px;right:130px;top:35px}
    .foot .cons .t { margin:0 0 10px 0}
    .foot .cons .p {width:100px;}
    .namemj {top:-50px}
    .namemj2 {top:-40px}
    .navbar-nav li {height:40px; line-height:39px;}
    .navbar-nav li a {font-size:14px;font-weight:400}
    .navbar-nav li a:before {width:1px;}
    .mainabout.active .aboutblank { height:40px;}
    .quancons {font-size:16px;padding:40px 0 0 0}
    #frame-center-inner .slider a .title {height:30px; line-height:29px;font-size:14px;}
    /* 大图600X373,小图400X249 */
    #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:600px;}
    #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:373px;}
    .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider img {width:400px;}
    .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider,.frame-smaller-inner .slider img {height:249px;}
    #features-container {width:1000px;margin-left:-500px}
    #frame-center-outer {left:200px;}
    .frame-smaller-outer {top:62px;}
    .frame-smaller-outer.left .slider {	/* -1X Small Image width */	left:-400px;	}
    #frame-center-inner .slider {/* -2X Large Image width */	left:-1200px;	}
    .frame-smaller-outer.right .slider {	/* -3X Small Image width */	left:-1200px;	}
    .nav-arrow {margin-top:-12px;width:25px;height:25px;}
    .nav-arrow.back {left:0%;border-radius:3px;margin-left:88px;}
    .nav-arrow.next {right:0%;border-radius:3px;margin-right:88px;}
    .servicesubject {padding:40px 0 35px 0}
    .servicesubject .t {font-size:25px; line-height:25px;margin:0 0 20px 0;}
    .servicesubject .c {font-size:16px;}
    .servicell li {border-radius:10px;padding:40px 20px;width:48%}
    .servicell li:hover {top:0}
    .servicell li .icon {width:60px;}
    .servicell li .num {margin:25px 0 20px 0}
    .servicell li .num h1 { font-size:35px; line-height:35px;}
    .servicell li .num h2 { font-size:16px; line-height:16px;margin:0 0 0 5px}
    .servicell li .content {min-height:50px; line-height:25px;font-size:16px}
    .servicenet {margin:40px 0 -40px 0; background-size:cover;}
    .fixtop1 .nav__icon {background-color:#333333;}
    .fixtop1 .nav__icon:before,.fixtop1 .nav__icon:after {background:#333333;}
    .nshow {margin:100px 0 0 0}
    .nshow .mcurrent {font-size:12px;padding:0 0 10px 0;}
    .nshow .mcurrent a {font-size:12px}
    .nshow .mcurrent span {margin:0 0 0 15px;}
    .nshow .title {font-size:20px;line-height:30px; margin:30px auto 30px auto;}
    .nshow .content {font-size:14px;}
    .searchnews {padding:75px 0 10px 0}
    .fixright {margin-top:0;top:auto;bottom:0}
    .fixright li {width:20px; height:20px; line-height:20px;border-radius:3px; }
	.fixright li.totop {line-height:15px}
	.fixright li.totop i {font-size:12px;}
    .fixright li.tel p {  height:20px; line-height:20px;width:300px; border-radius:3px;font-size:12px}
    .fixright li.tel p i {width:20px; font-size:10px;margin:0 2px 0 0}
    .fixright li.tel:hover p {left:-150px;width:300px;}
    .fixright li.wx { background-size:55%}
    .fixright li.wx p { right:22px;width:100px;}     	   
    .memorabilia { text-align:left}
    .memorabilia .cons {display:block;margin:0 0 0 0px;padding:0 0 40px 0}    
    .memorabilia ul {padding:1px 0 1px 30px;margin:10px 0 0 0}
    .memorabilia li {padding:20px 0}
    .memorabilia li .title { left:0px;top:15px;font-size:20px; line-height:20px;width:auto}
    .memorabilia li .content .t {font-size:16px;margin:20px 0 5px 0}
    .memorabilia li .content:before {left:-36px;top:-20px; width:12px; height:12px; background-size:100%}    
    .indche li .t {margin:10px 0 0 0;font-size:14px}     
    .servicenet {height:auto;padding:0px 0 50px 0; background:#0e0e0e}
    .servicenet .mappoint {position:relative;height:auto;}
    .servicenet .servicesubject {padding-top:40px}    
    .servicenet ul {display:none;}
    .servicenet dl {display:block;color:#fff;width:108%;margin:-20px 0 0 -4%}
    .servicenet dd {float:left;width:42%;margin:20px 4% 0 4%; text-align: left;border-top:1px solid #999;padding:10px 0 0 0}
    .servicenet dd .t {font-weight:500;margin:0 0 3px 0;font-size:14px}
    .servicenet dd .c {font-size:12px; line-height: 1.6;color:#999}      
    .hideline {top:-45px; margin-bottom:-60px}    
	.response {padding:0px 0 40px 0;margin:40px 0 -40px 0}
	.response li .t {margin:5px 0 8px 0;font-size:14px}	
	::-webkit-scrollbar {width: 0px;}	
	.banxh{bottom:20px;margin-left: -15px;width: 30px;line-height: 30px;font-size: 20px;}
	.banxh span {width: 23px;height:23px;margin-left:-1px}
	@-webkit-keyframes jing_max {0% {width: 23px;height: 23px;opacity: 0;}25% {width: 28px;height:28px;opacity: 0.6;}50% {width: 44px;height:44px;opacity: .3;}75% {width: 56px;height:56px;opacity: 0;}100% {width: 23px;height:23px;opacity: 0;}}
	@keyframes jing_max {0% {width: 23px;height: 23px;opacity: 0;}25% {width: 28px;height:28px;opacity: 0.6;}50% {width: 44px;height:44px;opacity: .3;}75% {width: 56px;height:56px;opacity: 0;}100% {width: 23px;height:23px;opacity: 0;}}
	.swiper-button-next,.swiper-button-prev {margin-top:-12px;width:25px;height:25px;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:12px;width:25px;height:25px;line-height:25px; }
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:60px;}
	.swiper-pagination-bullet {width:5px;height:5px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}
	.indpics .swiper-slide .cons .t {font-size:30px; line-height:1.7; letter-spacing:5px;margin:0 0 15% 5px}
	.indpics .swiper-slide .cons .more a {border-radius:30px;padding:0 20px;height:28px; line-height:27px;border:1px solid #fff; letter-spacing: 0.5px;font-size:14px}
	.indpics .swiper-slide .cons .more a:hover {padding:0 25px; letter-spacing:1px}
	.indpics .swiper-slide .cons .more a span {margin:5px -3px 0 -2px;font-size:14px;}	
	.martb {margin:40px 0;}
	.indabout .mleft .content {font-size:14px;margin:40px 0 30px 0;}
	.indabout .mright .text {left:-100px;bottom:20px;width:390px;font-size:12px; line-height: 18px; padding:5px 0 7px 20px;border-top-left-radius:50px;border-bottom-left-radius:50px}
	.indabout .mright .text:hover {left:-100px}
	.indsubject .t {font-size:20px; line-height: 30px; letter-spacing: 1px;}
	.indsubject .e {font-size:12px; line-height:20px;letter-spacing:0px;margin:0px 0 10px 0}
	.indsubject .e:before {bottom:-12px;width:25px;height:2px;}
	.indsubject.center .e:before {margin-left:-12px}
	.indmore a {height:28px; line-height: 26px;padding:0 20px; border-radius:50px;font-size:14px; letter-spacing: 1px}
	.indmore a span {margin:5px -2px 0 2px;font-size:16px; line-height:16px}
	.indmore a:hover {padding:0 20px}
	.indsubject2 {margin:0 0 50px 0;font-size:20px; line-height: 30px;}
	.indsubject2:before {;margin-left:-12px;bottom:-15px;width:25px;}	
	.home_solution li .pic p,.home_solution li .pic:before {border-radius:5px;}	
	.home_solution li .cons {left:20px;top:25px;}
	.home_solution li .cons .n {width:20px; height:20px; line-height: 18px;font-size:12px;}
	.home_solution li .cons .t {font-size:18px; line-height:28px;margin:10px 0 15px 0;}
	.home_solution li .cons .t a {font-size:18px; line-height: 28px;}
	.home_solution li .cons .c {font-size:14px;}
	.home_solution li .cons .m {top:100px;}
	.home_solution li .cons .m2 {top:auto;bottom:-40px;}
	.home_solution li .cons .m a {width:30px;border-width:1px; line-height: 15px;height:18px;border-radius:20px}
	.home_solution li .cons .m a span {font-size:14px; line-height:14px}
	.home_solution li .cons .m2 a:hover {width:30px}	
	.home_solution li.active .cons {left:30px;top:60px}
	.home_solution {margin:40px 0 40px 0}
	.indnews ul {margin-bottom:50px}
	.bannerin .cons .e {font-size:14px; line-height:24px; letter-spacing: 0.2px}
	.bannerin .cons .t {font-size:23px; line-height:33px;letter-spacing:1px;margin:10px 0 15px 0}
	.bannerin .cons .c {font-size:14px;}	
	.about .swiper-horizontal>.swiper-pagination-bullets,.about .swiper-pagination-bullets.swiper-pagination-horizontal,.about .swiper-pagination-custom,.about .swiper-pagination-fraction {bottom:5px;}
	.about .swiper-pagination-bullet {width:5px;height:5px;}	
	.aboutsubject {font-size:20px; line-height:20px;margin:40px 0 45px 0;}
	.aboutsubject h2 {font-size:12px; letter-spacing: 0}
	.aboutsubject:before {bottom:-10px;width:25px;height:2px;margin-left:-12px;}
	.about .cons {padding:30px 12% 32px 35px}
	.about .cons .t {font-size:20px; line-height:30px;margin:0 0 20px 0;letter-spacing: 0.1px}
	.about .cons .c {font-size:14px}
	.about .pics {;margin-top:-150px}
	.about .pics .swiper-slide {height:300px;}	
	.overview .li {height:400px;padding:0 0 0 20px}
	.overview .subject {font-size:18px; line-height:18px; margin:30px 0 25px 0}
	.manst .cons {font-size:14px;padding:0 20px 0 0;margin:0 0 -20px 0; line-height: 1.8}
	.manst .cons li {padding:0 0 0 18px}
	.manst .cons li:before{top:7px;width:10px;height:10px;}
	.manst ul.indnum:before {left:20px;top:146px;width:80%;height:1px;}
	.manst .indnum li {width:25.3333%;margin:60px 4% 0 4%;}	
	.manst .indnum li .content {font-size:14px;margin:0 0 3px 0}
	.manst .indnum li h3 {font-size:25px; line-height:25px;}
	.manst .indnum li h3:nth-of-type(2) {font-size:14px; line-height:24px;margin:5px 0 0 2px;}
	.overview .ancheng {padding:0 50px 0 20px}
	.ancheng li {padding:10px 30px 13px 20px;border-radius:5px;margin:20px 0 0 0;}
	.ancheng li:nth-of-type(1) {margin-top:30px}
	.ancheng li h3 {font-size:30px; line-height:30px;}
	.ancheng li h3:nth-of-type(2) {font-size:16px; line-height:16px;margin:8px 0 0 2px;}
	.ancheng li .content {font-size:16px;margin:2px 0 0 0}
	.ancheng li .icon {right:-30px;top:11px;}
	.ancheng li .icon img {width:60px;height:60px}
	.dotcenter {display:none;}
	.network {margin:50px 0 0 0;}
	.network .subject2 .t {font-size:20px; line-height:20px;font-weight:700;margin:4px 0 5px 0;}
	.network .subject2 .c {font-size:16px; letter-spacing:2.2px; }
	.network .bg {margin:35px auto 100px auto}	
	.positioning {padding:1px 0 50px 0;margin:0 0 -40px 0}
	.positioning .aboutsubject {margin-bottom:25px}
	.positioning .aboutsubject h2 {margin:15px 0 0 0;font-size:14px; line-height: 1.8}
	.positioning li {border-radius:5px;padding:30px 20px 20px 20px;}
	.positioning li .icon img {height:50px;}
	.positioning li .title {font-size:20px; line-height: 30px;margin:0 0 0px 0}
	.positioning li .title2 {font-size:16px; line-height:26px;}
	.positioning li .content {min-height:160px;margin:12px 0 0 0;font-size:14px}
	.positioning li:hover {top:-0px}
	.positioning li .icon {margin:30px 0}
	.tech1 dl {width:102%;margin:-2% 0 0 -1%}
	.tech1 dd {width:31.3333%;margin:2% 1% 0 1%;border-radius:5px}
	.tech1 dd .in {border-radius:5px;padding:40px 5% 0 5%}
	.tech1 dd .pic img {height:50px;}
	.tech1 dd .title {font-size:18px; line-height: 28px;margin:25px 0 15px 0;}
	.tech1 dd .cons {min-height:160px}
	.tech1 dd .content {font-size:14px;}
	.prosubject {margin:40px 0 30px 0;}
	.prosubject .t {font-size:20px; line-height:30px;margin:0 0 28px 0}
	.prosubject .t:before {width:30px;height:2px;margin-left:-20px;bottom:-15px}
	.prosubject .c {font-size:14px;font-weight:400;color:#999}	
	.energymanagement dl {width:102%;margin:-2% 0 0 -1%}
	.energymanagement dd {margin:2% 1% 0 1%; border-radius:5px;}
	.energymanagement dd .in {border-radius:5px;padding:40px 5% 0 5%;}
	.energymanagement dd .pic img {height:50px;}
	.energymanagement dd .title {font-size:18px; line-height:28px;min-height:70px;margin:20px 0 0 0}
	.energymanagement dd:hover {box-shadow:0 0 10px rgba(0,0,0,0.3)}	
	.partner {padding:40px 0 50px 0;margin:0 0 -50px 0}
	.partner li {height:134px;border-radius:5px;}
	.partner li img {max-width:150px;max-height:94px;}
	.news ul {margin-bottom:0px;margin-top:-20px}
	.page_wrap {padding:30px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:23px;border-radius:25px;}   
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
	.pager i {line-height: 23px;margin:0 5px; letter-spacing: 1px}
	.bannerin_contact .cons{left:0}
	.bannerin_case .cons {left:0}	
	.contact {padding:40px 0 50px 0;margin:2px 0 -50px 0}
	.contact li {font-size:14px; line-height:2}
	.contact li .t {margin:0 15px 0 0}
	.contact .wx {top:-7px;}
	.contact .wx p {font-size:14px;margin:35px 20px 0 0;}
	.contact .wx img {width:100px}
	.contact .grid {border-radius:10px;padding:1px 30px 30px 30px;margin:40px 0 0 0}
	.contact .grid li span {font-size:14px;margin:0 0 5px 0;}
	.contact .grid li span font {margin:4px 0 0 3px}
	.contact .grid li select {height:40px; line-height: 38px; padding:0 15px;font-size:14px}
	.contact .grid li.st:after {font-size:18px;right: 15px;top: 39px;}
	.contact .grid li input[type="text"] {height:40px; line-height: 38px;padding:0 15px;font-size:14px}
	.contact .grid li.beizu #mbeizu {padding:15px 15px;height:150px;font-size:14px}
	.contact .grid li.btn input {width:100px;padding:5px 0 7px 0; font-size:14px;border-radius:35px}
	.contact .grid li.btn input:Hover {width:100px}
	.join {margin:40px 0}
	.join li {height:450px}
	.join li .cons {padding:20% 10% 0 10%}
	.join li .cons .t {font-size:20px; line-height:30px;margin:0 0 25px 0; letter-spacing:0.5px}
	.join li .cons .c {font-size:14px;font-weight:400;}
	.case {padding:50px 0 0 0}
	.case dl {margin-top:-4%;padding-top:30px}
	.case dd {min-height:196px;margin:4% 0 0 0; padding:20px 30px 20px 20px}
	.case dd .pic {left:20px;top:20px;width:300px;height:196px;}
	.case dd .cons {margin:0 0 0 330px}
	.case dd .cons .t {height:25px; line-height: 25px;}
	.case dd .cons .t a {font-size:18px;}
	.case dd .cons .t2 {font-size:14px;line-height: 20px; margin:5px 0 12px 0;padding:0 0 13px 0}
	.case dd .cons .gs {font-size:14px;line-height:25px; height:75px; margin:0 0 15px 0}
	.more1 a {height:28px; line-height:27px;border-radius:28px;width:90px; letter-spacing:0.5px;font-size:14px}
	.case dd:hover a {width:90px}
	.cshow .gs {padding:20px 30px;max-width:950px;margin:0 auto 25px auto; line-height: 1.8;font-size:14px}
}

@media only screen and (max-width: 1024px){
	.about .pics {;margin-top:-120px}
	.about .pics .swiper-slide {height:240px;}
}

@media only screen and (max-width: 788px){
    .indnews li {width:47%}
    /* 大图500X311,小图300X187 */
    #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:500px;}
    #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:311px;}
    .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider img {width:300px;}
    .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider,.frame-smaller-inner .slider img {height:187px;}
    #features-container {width:800px;margin-left:-400px}
    #frame-center-outer {left:170px;}
    .frame-smaller-outer {top:62px;}
    .frame-smaller-outer.left .slider {	/* -1X Small Image width */	left:-300px;	}
    #frame-center-inner .slider {/* -2X Large Image width */	left:-1000px;	}
    .frame-smaller-outer.right .slider {	/* -3X Small Image width */	left:-900px;	}
    .nav-arrow.back {margin-left:105px;}
    .nav-arrow.next {margin-right:65px;}
    .videos {display:none;}	
    .indpics .picno {display:block}	
	.indpics .videos{width:0; height:0; overflow: hidden;left:-5000px;top:-5000px}
	.indpics .videos video {left:-5000px;top:-5000px}
	.navbar-nav li {width:50%}
	.navbar8 .navbar-nav li {width:25%}
	.navbar8 .navbar-nav li:nth-child(1) {width:25%}
	.navbar8 .navbar-nav li:nth-child(2) {width:25%}
	.navbar8 .navbar-nav li:nth-child(3) {width:25%}
	.navbar8 .navbar-nav li:nth-child(4),.navbar8 .navbar-nav li:nth-child(5) {width:25%}
	.navbar8 .navbar-nav li:nth-child(6),.navbar8 .navbar-nav li:nth-child(7) {width:25%}
	.navbar8 .navbar-nav li:nth-child(8) {width:25%}	
	.indabout .mright .text {left:0;bottom:0px;width:92%;padding:8px 4% 10px 4%;border-top-left-radius:0px;border-bottom-left-radius:0px; background: rgba(201,9,21,0.6)}
	.indabout .mright .text:hover {left:0}
	.manst ul.indnum:before {top:147px;width:82%;left:10px}
	.manst .indnum {width:104%;margin-left:-2%}
	.manst .indnum li {width:29.3333%;margin-left:2%;margin-right:2%}
	.positioning li {width:31.3333%}
	.tech1 dd {width:48%;}
	.tech1 dd .cons {min-height:140px}
	.partner li {height:93px;}
	.partner li img {max-width:100px;max-height:63px;}
	.case {padding:40px 0 0 0}
}

@media only screen and (max-width: 640px){
    .indpics .cons .t {font-size:25px; line-height:35px;margin:10px 20px 20px 20px}
    .indpics .cons .c {font-size:18px;margin:10px 0 0 0}
    .indpics .cons .m {margin:20px 0 0 0}
    .foot ul.menu {width:100%}
    .foot ul.ct {margin-top:0}
    .foot .cons {float:left; clear: both;margin-top:5px; }
    .foot .cons .t {margin:15px 0 5px 0}	
    /* 大图300X188,小图150X95 */
    #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:300px;}
    #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:188px;}
    .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider img {width:150px;}
    .frame-smaller-outer,.frame-smaller-inner,.frame-smaller-inner .slider,.frame-smaller-inner .slider img {height:95px;}
    #features-container {width:600px;margin-left:-300px}
    #frame-center-outer {left:150px;}
    .frame-smaller-outer {top:47px;}
    .frame-smaller-outer.left .slider {	/* -1X Small Image width */	left:-150px;	}
    #frame-center-inner .slider {/* -2X Large Image width */	left:-600px;	}
    .frame-smaller-outer.right .slider {	/* -3X Small Image width */	left:-450px;	}
    .nav-arrow.back {margin-left:0;left:80px;}
    .nav-arrow.next {margin-right:0;right:80px}
    .servicesubject .t {font-size:22px; line-height:22px;}
    .servicesubject .c {font-size:14px;font-weight:400}
    .servicell ul {margin-top:-20px}
    .servicell li {width:98%;margin-top:20px}
    .servicell li .content {min-height:0}
    .accordionservice .submenu {padding:20px 15px;font-size:14px}
    .navbar6 .navbar-nav li {width:33.3333%}
	.navbar7 .navbar-nav li {width:25%}	
    .indche li .t {margin:10px 0 10px 0;}
    .navbar5 .navbar-nav li {width:33.3333%}
	.response li {width:48%;}
	.indpics .swiper-slide .cons .t {font-size:25px}
	.footer .beian {position:relative}
	.foot .cons .logo {left:130px;top:46px}
	.indabout .mleft {width:100%;}
	.indabout .mleft .in {padding:0 4%}
	.indabout.ml {display:block}
	.indabout .mright {width:100%;margin:40px 0 0 0}	
	.home_solution ul {margin:-10px 0 0 0;width:100%}
	.home_solution li {width:100%;margin:10px 0 0 0;padding:28.5% 0;}
	.home_solution li.active {width:100%}
	.home_solution li .pic p {border-radius:0px;}	
	.home_solution li .pic:before {border-radius:0px;}
	.home_solution li .cons,.home_solution li.active .cons { left:4%;top:15px;width:92%;}
	.home_solution li .cons .t,.home_solution li.active .cons .t {margin-top:0;font-size:14px;margin:0 0 8px 0}
	.home_solution li .cons .t a {font-size:16px; line-height: 24px;}
	.home_solution li .cons .t p.p1 {opacity:1}
	.home_solution li .cons .t p.p2 {display:none}
	.home_solution li .cons .c {opacity:1;font-size:12px; line-height: 1.7}
	.home_solution li .n {display:none;}
	.home_solution li.active .cons .t p.p1 {opacity:1}
	.home_solution li.active .cons .t p.p2 {opacity:1}
	.home_solution li.active .cons .c {opacity:1}	
	.home_solution li .cons .m { position:relative;top:0;left:0;display:none;}
	.home_solution li .cons .m2 {top:auto;bottom:0;opacity:1;display:block; position: relative;margin:15px 0 0 0}
	.indnews ul {width:100%;margin:-40px 0 0 0}
	.indnews li {width:100%;margin:40px 0 0 0;}
	.indnews ul {margin-bottom:50px}	
	.about .cons {padding:30px 20px 32px 20px;width:100%}
	.about .pics {;margin-top:0;top:0; position: relative;width:100%}
	.about .pics .swiper-slide {padding:35.3% 0;height:auto}
	.overview .li {width:100%;height:auto;padding:0 20px 30px 20px}
	.overview .ancheng {padding:0 50px 35px 20px;margin:4% 0 0 0}
	.manst ul.indnum {width:104%;margin:0 0 0 -2%; }
	.manst ul.indnum:before {left:4%;width:92%;}
	.manst .indnum li {text-align: center}	
	.network {margin:40px 0}
	.network li.li555,.network li.li556,.network li.li557 {height:auto}
	.network .uleft {position:relative;width:100%;margin:30px 0 0 0}
	.network .uright {position:relative;width:100%;margin:0}
	.network .bg {height:auto;margin:0 auto}
	.positioning li {width:48%}	
	.tech1 dl {width:100%;margin:-4% 0 0 0}
	.tech1 dd {width:100%;margin:4% 0 0 0;}
	.tech1 dd .cons {min-height:0px;padding:0 0 30px 0}
	.energymanagement dd {width:48%}
	.energymanagement dd:nth-child(1) {width:98%}
	.partner li {width:30.3333%;height:105px}
	.partner li:nth-of-type(1) {width:63.6666%}
	.partner li img {max-width:120px;max-height:75px;}
	.news ul {margin-bottom:0px;margin-top:-20px}	
	.contact .grid {padding:0px 4% 30px 4%;}
	.contact .grid li {width:100%;}
	.contact .grid li.marleft {margin-left:0%}
	.contact .grid li.sex {width:100%}
	.contact .grid li.name {width:100%;margin-left:0}
	.contact .wx {position:relative;top:0;margin:30px 0 0 0}
	.join ul {width:100%;margin:-4% 0 0 0}
	.join li {width:100%;margin:4% 0 0 0;height:350px}
	.join li .cons {padding:15% 8% 0 8%}
	.case {padding:20px 0 0 0}
	.case dd {padding:0}
	.case dd .pic { position:relative; left:0px;top:0px;width:auto;height:auto;padding:32.6% 0;}
	.case dd .cons {margin:0;padding:25px 20px 30px 20px}
	.case dd .cons .gs {height:auto;padding:0 0 10px 0}
}

@media only screen and (max-width: 480px){
    .nav-arrow.back {margin-left:0;left:100px;}
    .nav-arrow.next {margin-right:0;right:100px}
	.partner li {height:70px}
	.partner li img {max-width:80px;max-height:50px;}
}

@media only screen and (max-width: 420px){
    /* 大图250X156,小图150X95 */
    #frame-center-outer,#frame-center-inner,#frame-center-inner .slider a,#frame-center-inner .slider a img {width:250px;}
    #features-container,#frame-center-outer,#frame-center-inner,#frame-center-inner .slider,#frame-center-inner .slider a ,#frame-center-inner .slider a img{height:156px;}
    #features-container {width:500px;margin-left:-250px}
    #frame-center-outer {left:125px;}
    .frame-smaller-outer {top:32px;}
    .frame-smaller-outer.left .slider {	/* -1X Small Image width */	left:-150px;	}
    #frame-center-inner .slider {/* -2X Large Image width */	left:-500px;	}
    .frame-smaller-outer.right .slider {	/* -3X Small Image width */	left:-450px;	}
    .nav-arrow.back {left:85px;}
    .nav-arrow.next {right:85px}
}